<html>
<head>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<title>吃货餐厅</title>
	<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5/themes/metro/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5/themes/mobile.css"/>
	<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5/themes/icon.css"/>
	<script type="text/javascript" src="js/jquery-easyui-1.5/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-easyui-1.5/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="js/jquery-easyui-1.5/jquery.easyui.mobile.js"></script>
    
    <script type="text/javascript">
	 /*<![CDATA[*/ 
	$(document).ready(  
			  function(){
				 
	 });
	 
	function formatterCloumn(value)
	{
	
        return '<a href\'javascript:void(0)\' class=\'datalist-link\'>' + value + '</a>';
        
	}
	
	function clickrow(obj)
	{
		var id = $(obj).attr("id");
		var url ="p_foodListGroup?id="+id;
		window.location.href=url;
    }
	 
	/*]]>*/  
	</script>
	
</head>
<body>
	<div class="easyui-navpanel">
        <ul class="easyui-datalist" 
        		data-options="fit: true,lines: true,border: false,textFormatter:formatterCloumn">
           <div th:each="foodtype,iterStat:${list}" >
           		<li th:id="${foodtype.id}" onclick="clickrow(this)" style="list-style-type:none;">
           			<span style="font-size: 30px;font-family:'微软雅黑';"  th:text="${foodtype.typename}" ></span>
           		</li>
           </div>
        </ul>
		
	</div>
</body>
</html>